
let  currentPage=0;
let  pageNum=10;

$('.pager').on('click',function () {
    /*   $('.pager').off('click', loadNextPage)*/

    currentPage+=1;
   require($('.new').eq(1).attr('data-type'));
    console.log($('.new'));
})//这里还未解决？？？？？？

   //如果要用jquery记得把所有代码包在$(function),没加有时会报错。
    $('.new').on('click',function () {
        currentPage=0;
        $(this).attr('data-type');
       /* console.log($(this))*///指向的我点击的对象里面包含有我所想要的值
        require($(this).attr('data-type'));
    })




/*

    function loadNextPage() {

        currentPage += 1;

        require();
    }
*/


    function require(type) {//这个是es6的新特性，可以给参数赋予默认值
        $.ajax({
            type: 'GET',
            url: `https://3g.163.com/touch/reconstruct/article/list/${type}/${currentPage * pageNum}-${pageNum}.html`,
            dataType: 'jsonp',
            jsonpCallback: 'artiList',//跨域用，里面包含的是客户端想要的数据。
            success: function (res) {
                const wrapper = document.querySelector('.content-wrapper');
                wrapper.innerHTML='';

                res[type].map((item) => {
                    let tagA = document.createElement('a');
                    let text = document.createElement('div');
                    let title = document.createElement('div');
                    let img = document.createElement('img');
                    img.className = 'img';
                    img.src = item.imgsrc;//这个是用来将后端里的图片src赋给所创建的<img>src
                    title.className = 'title';
                    text.className = 'text';
                    tagA.className = 'contents';
                    tagA.prepend(text);
                    text.prepend(title);
                    tagA.append(img);
                    wrapper.append(tagA);
                    title.innerHTML = item.title;


                })
            }

        })
    }

